<!--
+----------------------------------------------------------------------
| 友得云客  - 开启房产营销新纪元
+----------------------------------------------------------------------
| Copyright (c) 2019~2023 优得（西安）信息科技有限公司版权所有
+----------------------------------------------------------------------
| Licensed 友得云客不是自由软件 未经允许不可移除相关版权
+----------------------------------------------------------------------
| Author: www.youdeyunke.com
+----------------------------------------------------------------------
-->
<template>
    <div v-if="module">
        <el-tabs :stretch="true">
            <el-tab-pane label="基础">
                <image-picker width="300" height="300" v-model="module.data.url"></image-picker>
                <el-link style="margin-top: 8px" type="danger" @click="() => (module.data.url = '')"
                    v-if="module.data.url">删除</el-link>
            </el-tab-pane>

            <el-tab-pane label="标题" name="header">
                <header-editor :module="module.header" v-if="module.header"></header-editor>
            </el-tab-pane>

            <el-tab-pane label="样式">
                <module-style-editor :module="module"></module-style-editor>
            </el-tab-pane>
        </el-tabs>
    </div>
</template>

<script>
import ModuleStyleEditor from "../ModuleStyleEditor/Index";
import ImagePicker from "@/components/ImagePicker";
import HeaderEditor from "../base/HeaderEditor";
export default {
    components: { ModuleStyleEditor, ImagePicker, HeaderEditor },
    data () {
        return {
            currentBlockId: null,
            loading: false,
        };
    },
    props: {
        module: { type: Object },
    },

    mounted: function () { },

    computed: {
    },

    methods: {

    },
};
</script>

<style scoped></style>
